<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>背景图滚动方式案例</title>
	<style type="text/css">
		.kuangao{
			width: 100%;
			height: 500px;
		}
		.one{
			background-color: red;
		}
		.two{
			background-color: green;
			background-image: url('./吴亦凡 (1).jpg');
			background-attachment: fixed;
		}
		.three{
			background-color: yellow;
		}
		.four{
			background-color: orange;
		}
	</style>
</head>
<!-- 1、类名可以重复任意次数
2、一个元素/标签，可以同时设置多个class -->
<body>
	<div class="kuangao one"></div>
	<div class="kuangao two"></div>
	<div class="kuangao three"></div>
	<div class="kuangao four"></div>
</body>
</html>